<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="/common/_container :: htmlhead"></head>
<body>
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal">

            <input type="hidden" id="id" th:value="${menu.id}"/>
            <input type="hidden" id="ismenuValue" th:value="${menu.ismenu}"/>
			<input type="hidden" id="isNoseValue" th:value="${menu.isNose}"/>
			<input type="hidden" id="menuTypeValue" th:value="${menu.menuType}"/>
            <div class="row">
				<div class="col-sm-6 b-r">
					<div class="form-group">
					    <label class="col-sm-3 control-label">名称				    
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="name" type="text" th:value="${menu.name}"/>
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
				</div>
				<div class="col-sm-6 b-r">
					<div class="form-group">
					    <label class="col-sm-3 control-label">菜单编号				    
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="code" type="text" th:value="${menu.code}"/>
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
				</div>
				<div class="col-sm-6 b-r">
					<div class="form-group">
					    <label class="col-sm-3 control-label">父级编号				  
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="pcodeName" readonly="readonly" th:value="${menu.pcodeName}"
					               onclick="MenuInfoDlg.showMenuSelectTree(); return false;" style="background-color: #ffffff !important;"/>					        
					            <input class="form-control" type="hidden" id="pcode" th:value="${menu.parentId}"  />
					            <div id="pcodeTreeDiv" style="display: none; position: absolute; z-index: 200;">
					                <ul id="pcodeTree" class="ztree tree-box" style="width:244px !important;"></ul>
					            </div>
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
				</div>
                <div class="col-sm-6">	
					<div class="form-group">
					    <label class="col-sm-3 control-label">是否是菜单					    
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <select class="form-control" id="ismenu">
					            <option value="1">是</option>
								<option value="0">不是</option>
					        </select>					       
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
				</div>
				<div class="col-sm-6">
					<div class="form-group">
					    <label class="col-sm-3 control-label">请求地址			    
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="url" type="text" th:value="${menu.url}"/>
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
				</div>                
                <div class="col-sm-6">
					<div class="form-group">
					    <label class="col-sm-3 control-label">排序			    
					    	<span style="color: red">*</span>
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="num"  type="number"  th:value="${menu.num}"/>
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
				</div>	
				<!-- <div class="col-sm-6">
					<div class="form-group">
					    <label class="col-sm-3 control-label">图标			    					    	
					    </label>
					    <div class="col-sm-9">
					        <input class="form-control" id="icon"  type="text" th:value="${menu.icon}" />
					    </div>
					</div>
					<div class="hr-line-dashed"></div>
				</div> -->
				<div class="col-sm-6 b-r">                                       
                    <div class="form-group">
						<label class="col-sm-3 control-label head-scu-label">图标</label>
						<div class="col-sm-4">
							<div id="${id}PreId">
								<div>
								 	<img width="100px" height="100px" id="avatarPreId"  th:if="${menu.icon==null}" src=""/>
									<img width="100px" height="100px" id="avatarPreId" th:if="${menu.icon!=null}" th:src="${menu.icon}"/> 
								</div>
 
							</div>
						</div>
						<div class="col-sm-2">
							<div class="head-scu-btn upload-btn" id="avatarBtnId" onclick="MenuInfoDlg.selectFile()">
								<i class="fa fa-upload"></i>&nbsp; 
							</div>
						</div>
						<input type="file" id="fileUploadBtn" style="display:none" accept="gif,jpg,jpeg,bmp,png" onchange="MenuInfoDlg.uploadFile()"/>
						<input type="hidden" id="icon" />  
					</div>
					<div class="hr-line-dashed"></div>
                </div>
				<div class="col-sm-6">
					<div class="form-group">
					    <label class="col-sm-3 control-label">类型			    					    	
					    </label>
					    <div class="col-sm-9">
					        <select id="isNose" class="form-control"  name="用户属性"  >
								<option value="0" >后台</option>
								<option value="1">前端</option>
							</select>
					    </div>
					    
					</div>
					<div class="hr-line-dashed"></div>
				</div>
				<div class="col-sm-6">
					<div class="form-group">
					    <label class="col-sm-3 control-label">APP菜单栏目			    					    	
					    </label>
					    <div class="col-sm-9">
					        <select id="menuType" class="form-control"  name="menuType"  >
					        	<option value="" >请选择</option>
								<option value="0" >栏目一</option>
								<option value="1">栏目二</option>
								<option value="2">栏目三</option>
							</select>
					    </div>
					    
					</div>
					<div class="hr-line-dashed"></div>
				</div>
            </div>

            <div class="row btn-group-m-t">
                <div class="col-sm-10">
	               	 <button type="button" class="btn btn-info" id="ensure" onclick="MenuInfoDlg.editSubmit()" >
						   <i class="fa fa-check"></i>&nbsp;提交
					</button>
					<button type="button" class="btn btn-danger"  id="cancel" onclick="MenuInfoDlg.close()" >
						   <i class="fa fa-eraser"></i>&nbsp;取消
					</button>                   
                </div>
            </div>
        </div>

    </div>
</div>
<script th:src="@{/static/modular/system/menu/menu_info.js}"></script>
</body>
</html>

